.ant-btn {
    height: 50px;
    font-family: PingFang SC-Medium;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    border-radius: 25px;
}
.ant-btn-default {
    border-color: #161413;
    color: #161413;
}
.ant-form {
    .ant-form-item-label {
        padding: 0 0 10px !important;
        > label {
            font-family: PingFang SC-Medium;
            font-weight: 500;
            font-size: 14px !important;
            color: #313131;
            line-height: 22px;
            align-items: unset;
        }
    }
}
.ant-input {
    font-family: PingFang SC-Regular;
    font-weight: 400;
    font-size: 14px;
    color: #313131;
    height: 50px;
    border-radius: 10px;
    border-color: rgba(0, 0, 0, 0.1);
    .ant-input {
        font-family: PingFang SC-Regular;
    }
    ::placeholder {
        color: rgba(49, 49, 49, 0.5);
    }
}
.ant-input-affix-wrapper {
    height: 50px;
    border-radius: 10px;
    border-color: rgba(0, 0, 0, 0.1);
    .ant-input {
        height: auto;
    }
}
.ant-select {
    .ant-select-selector {
        .ant-select-selection-item {
            font-family: PingFang SC-Regular;
            font-weight: 400;
            font-size: 14px;
            color: #313131;
            line-height: 22px;
        }
    }
}
.ant-picker-range {
    width: 100%;
    border-radius: 10px;
    border-color: rgba(0, 0, 0, 0.1);
    padding: 13px 178px 13px 45px;
    .ant-picker-range-separator {
        padding: 0;
    }
    .ant-picker-input input {
        text-align: center;
    }
    .ant-picker-active-bar {
        margin-inline-start: 45px;
    }
    .ant-picker-suffix {
        position: absolute;
        left: 15px;
        top: 13px;
        img {
            width: 20px;
            height: 20px;
        }
    }
}
.ant-modal-root {
    .ant-modal-content {
        box-shadow: none;
        border-radius: 20px;
        padding: 40px;
        .ant-modal-close {
            position: absolute;
            right: 40px;
            top: 40px;
            width: 30px;
            height: 30px;
            .ant-modal-close-x img {
                width: 30px;
                height: 30px;
            }
        }
        .ant-modal-body {
            .modal-title {
                font-family: PingFang SC-Semibold;
                font-weight: 600;
                font-size: 20px;
                color: #313131;
                line-height: 28px;
            }
            .modal-tip {
                margin: 40px 0;
                font-family: PingFang SC-Regular;
                font-weight: 400;
                font-size: 14px;
                color: #313131;
                line-height: 22px;
                text-align: center;
            }
            .submit-btns {
                display: flex;
                column-gap: 20px;
                .ant-btn {
                    flex: 1;
                }
            }
            .filter-form {
                margin: 40px 0;
                .ant-select .ant-select-selector {
                    height: 48px;
                    border-radius: 10px;
                    border-color: rgba(0, 0, 0, 0.1);
                    padding: 8px 15px;
                }
            }
        }
        .ant-modal-footer {
            display: none;
        }
    }
    .add-version-modal .ant-modal-content {
        padding: 0 30px 30px;
        .ant-modal-body .modal-title {
            line-height: 103px;
            text-indent: 0;
        }
    }
}
// .ant-picker-dropdown .ant-picker-panels {
//     padding: 40px;
//     border-radius: 100px;
//     .ant-picker-header {
//         border: none;
//         .ant-picker-header-view button {
//             font-family: PingFang SC-Medium;
//             font-weight: 500;
//             font-size: 16px;
//         }
//         .ant-picker-header-super-prev-btn,
//         .ant-picker-header-super-next-btn {
//             display: none;
//         }
//         .ant-picker-header-prev-btn,
//         .ant-picker-header-next-btn {
//             img {
//                 width: 40px;
//                 height: 40px;
//             }
//         }
//     }

//     .ant-picker-cell {
//         .ant-picker-cell-inner {
//             width: 40px;
//             height: 40px;
//             font-family: PingFang SC-Regular;
//             font-weight: 400;
//             font-size: 14px;
//             color: #313131;
//             line-height: 40px;
//         }
//     }
//     .ant-picker-cell::before {
//         height: 40px;
//     }
//     .ant-picker-cell-in-range {
//         border-radius: 100px;
//     }
//     .ant-picker-cell-range-start,
//     .ant-picker-cell-range-end {
//         .ant-picker-cell-inner {
//             border-start-start-radius: 20px !important;
//             border-start-end-radius: 20px !important;
//             border-end-start-radius: 20px !important;
//             border-end-end-radius: 20px !important;
//             color: #ffffff;
//         }
//     }
// }
.ant-form-item .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
    content: '';
}
.ant-form-item {
    margin-bottom: 20px;
    .ant-form-item-explain-error {
        position: relative;
        margin-top: 20px;
        font-family: PingFang SC-Regular;
        font-weight: 400;
        font-size: 12px;
        color: #fa5151;
        line-height: 20px;
        padding-left: 30px;
        margin-bottom: 10px;
        &::before {
            position: absolute;
            left: 0;
            top: 0;
            display: inline-block;
            content: '';
            width: 20px;
            height: 20px;
            background-image: url('../assets/images/error-icon.png');
            background-size: 100%;
            background-position: 0 center;
        }
    }
    .ant-input-affix-wrapper-status-error {
        .ant-input-prefix {
            color: #141414 !important;
        }
    }
}
.ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input {
    border-color: #fa5151;
}
.ant-btn-primary:disabled {
    background-color: #fa6301;
    border: none;
    opacity: 0.5;
    color: #fff;
}
